﻿@model SWGeneracionE.Models.EstadoCuenta
<head>
	<style type="text/css">
		body {
			font-family: verdana,arial,sans-serif;
		}
		.header {
			font-size:17px;
			color: darkblue;
		}
		.skyblue {
			color:skyblue;
			font-style: italic;
		}
		table.gridtable {
			font-size:11px;
			color:#333333;
			border-width: 1px;
			border-color: #666666;
			border-collapse: collapse;
		}
		table.gridtable th {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #dedede;
		}
		table.gridtable td {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #ffffff;
		}
		.footer {
			font-size:11px;
			font-style: italic;
			font-weight: bold;
			text-align: center;
			color: darkblue;
		}
		.center {
			text-align:center;
		}
		.right {
			text-align:right;
		}
	</style>
</head>
<body>
<div>
<h2 class="header">Estado de cuenta a la fecha <b class="skyblue">@Model.fecha</b></h2>
<br />
<table class="gridtable">
    <tr>
        <th colspan="6">Pagos de Evento</th>
    </tr>
    <tr>
        <th>No.</th>
        <th>Fecha</th>
        <th>Moneda</th>
        <th>Monto</th>
        <th>Tipo</th>
        <th>Documento</th>
    </tr>
    @if (Model.pagosEvento.Count() == 0) {
        <tr>
            <td colspan ="6" class="center">No existen datos</td>
        </tr>
    }
    @foreach (SWGeneracionE.Models.PagoMail pago in Model.pagosEvento)
    {
        <tr>
            <td class="right">@pago.noPago</td>
            <td class="center">@pago.fecha</td>
            <td class="center">@pago.moneda</td>
            <td class="right">@pago.monto</td>
            <td>@pago.tipo</td>
            <td>@pago.documento</td>
        </tr>
    }
</table>
@if (Model.pagoBus != null)
{
    <br />
    <table class="gridtable">
        <tr>
            <th colspan="6">Pago de Bus</th>
        </tr>
        <tr>
            <th>No.</th>
            <th>Fecha</th>
            <th>Moneda</th>
            <th>Monto</th>
            <th>Tipo</th>
            <th>Documento</th>
        </tr>
        <tr>
            <td class="right">@Model.pagoBus.noPago</td>
            <td class="center">@Model.pagoBus.fecha</td>
            <td class="center">@Model.pagoBus.moneda</td>
            <td class="right">@Model.pagoBus.monto</td>
            <td>@Model.pagoBus.tipo</td>
            <td>@Model.pagoBus.documento</td>
        </tr>
    </table>
}
<br /><hr />
<p class="footer">Generación E. Ministerios Ebenezer</p>
</div>
</body>